<template>
    <AppSideMenuLayout title="出口合同业务" default-id="ForeignContract" :menuComponents="state.menuComponents">
    </AppSideMenuLayout>
</template>
  
<script setup>
import { reactive, ref, onMounted } from "vue";
import AppSideMenuLayout from "@/components/AppSideMenuLayout.vue";
import ForeignContract from "./ForeignContract.vue";
import ProprietaryContract from "./ProprietaryContract.vue";

const state = reactive({
    menuComponents: [
        {
            id: "ForeignContract",
            menuName: "外来合同",
            component: ForeignContract,
        },
        {
            id: "ProprietaryContract",
            menuName: "自有合同",
            component: ProprietaryContract,
        },
    ],
});
</script>
<style scoped lang="scss"></style>